<!DOCTYPE html>
<html>
<head>
    <title>要放假很开心</title>
    <meta charset="utf-8">
    <style>
        html {font-size: 24px;}
        .hh{font-family:'黑体','仿宋';color:deepskyblue;font-size: 140%;}
           /*font-family字体系列  作用：设置一种或多种字体，在设置多种字体时，当用户没有安装前面的字体时，就会使用后
        面的字体。*/
        #haha{font-size: 20px;}
        .test{font-size: 1.5rem;}
           /*字体大小：单位有px（像素，绝对值），em（相对于父级元素字体大小，相对值），%（相对于父级元素字体大小，相对值）
        ，rem（相对于html元素字体大小，相对值）；请注意，字体默认大小为16px，且浏览器存在最小字体大小限制，
        不同浏览器可能存在不同*/
        .he{font-style: normal;font-weight:700}
        .heh{font-style:italic;font-weight:bolder}
        .hehe{font-style:oblique;}
           /*字体风格font-style 设置字体斜体显示，属性值有normal（常规样式，默认值）、oblique（倾斜样式）；请注意，
        italic使用的是字体的斜体，即必须要求使用的字体本身具有斜体，如果字体不包含斜体，那么无效，而oblique是倾斜
        样式，无论任何字体都可以生效，但效果上，可能不如italic，所以，当需要斜体显示时，优先使用italic，如果无效再
        使用oblique。*/
          /*字体粗细 font-weight  设置字体粗细，属性值有关键字和数字，
        关键字：1.lighter 2.normal 3.bold 4.bolder 数字：取值范围100~900的整百数2.400=normal，700=bold
           使用方法：font-weight:700;font-weight:bolder
        请注意，一个字体支持的字体粗细可能是有限的，如果你设置了一个不支持的字体粗细，那么它将会根据以下方法进行调整：
           如果指定的权重值在400和500之间（包括 400和500）：按升序查找指定值与 500 之间的可用权重；
           如果未找到匹配项，按降序查找小于指定值的可用权重；如果未找到匹配项，按升序查找大于 500 的可用权重。
           如果指定值小于 400 ，按降序查找小于指定值的可用权重。如果未找到匹配项，按升序查找大于指定值的可用权重（先尽
        可能的小，再尽可能的大）。
           如果指定值大于 500 ，按升序查找大于指定值的可用权重。如果未找到匹配项，按降序查找小于指定值的可用权重（先尽
           可能的大，再尽可能的小）。*/

    </style>
</head>
<body>
    <div id="haha">
        韩菱纱
    <p class="hh">期待kiku花间令</p>
    <p class="test">这是一个对比文本！！！！！！</p>
    </div>
    <p class="he">恋爱告急</p>
    <p class="heh">0.2s</p> 
    <p class="hehe">夏日妄想 TiMi要努力</p>
        <!--字体综合属性font:在一个声明中设置所有字体属性；
            请注意，本节课所学的font-family、font-weight、font-size、font-style可以分为两组，A组为font-style、font-weight，
            B组为font-size、font-family，B组的属性值必须存在且组内前后顺序不可颠倒，A组的属性值可以存在0个和多个，且组内前后
            顺序可以调换，组间顺序为A组在B组前面使用方法：1 font:700 italic 36px '仿宋' 2 font: italic 700 36px '仿宋';
            3 font: italic bold 36em '宋体'; 4 font: italic bold 36rem '宋体'; 5 font: italic 36px '仿宋';
            6 font: 700 36px '仿宋  7 font: 36px '仿宋'; 8 font: 700 italic 36px '仿宋','黑体';-->
</body>
</html>